﻿<div style="padding:20px; background:#fff;">

<style>
.formPanel {margin:10px; padding:10px; background:#eee; line-height:200%;}
.formPanel table {width:90%;}
.formTitle {font-weight:bold; padding-left:80px;}
.tdLeft { vertical-align:top;width:80px;}
</style>


    <div class="formPanel">
    
    <div><a href="#{boxLink}" class="frmBox">点击此处</a>，出现弹窗。返回结果会出现在下面的文本框中——</div>
    <div><textarea id="TextArea1" style="width:580px; height:80px;"></textarea></div>

    </div>
    



<script>

// 这是供弹窗调用的方法
function setTextValue( boxText ) {

    $('#TextArea1').val( boxText );

}

</script>



    <div style="border-bottom:1px #ccc solid;margin:0px 0px 20px 0px;">&nbsp;</div>
    
    <div>
    <div class="strong">客户端代码</div>
    
    <div style="margin-top:20px;">1）父页面预先定义一个赋值的方法</div>
    <pre class="brush: c-sharp;">
    
&lt;div&gt;&lt;a href="#{boxLink}" class="frmBox"&gt;点击此处&lt;/a&gt;，出现弹窗&lt;/div&gt;
&lt;div&gt;&lt;textarea id="TextArea1" style="width:580px; height:80px;"&gt;&lt;/textarea&gt;&lt;/div&gt;
 
&lt;script&gt;
// 这是供弹窗调用的方法
function setTextValue( boxText ) {

    $('#TextArea1').val( boxText );

}
&lt;/script&gt;

    </pre>
    </div>

    <div>2）在弹窗的页面中，通过js调用父窗口的这个方法</div>
    <pre class="brush: c-sharp;">
    


&lt;div&gt;
&lt;div style="margin:50px auto; text-align:center;"&gt;
    &lt;div style="margin:15px 5px;"&gt;请输入名称：&lt;input id="Text1" type="text" /&gt;&lt;/div&gt;
    &lt;div&gt;
        &lt;input id="Submit1" type="submit" value="提交" class="btn" /&gt;
        &lt;input id="Button1" type="button" value="取消" class="btnCancel" /&gt;    
    &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;

&lt;script&gt;
_run( function() {

    // 当点击“提交”之后，将输入框的内容返回到父页面
    $('#Submit1').click( function() {
 
        // 1)得到父窗口
        var p = wojilu.tool.getBoxParent();
        
        // 2)调用父窗口的 setTextValue 方法
        p.setTextValue( $('#Text1').val() );
        
        // 3)关闭弹窗(弹窗不可以自己关闭自己，必须由父页面来关闭)
        p.wojilu.ui.box.hideBox();
    
    });

});
&lt;/script&gt;


    </pre>
    </div>

</div>